<script src="../include.js"></script>
<svg xmlns="http://www.w3.org/2000/svg" style="display: none" id="svg-element"></svg>
<script>
    test(() => {
        const svgElement = document.getElementById("svg-element");
        println(svgElement);
        println(svgElement.viewBox);
        println(svgElement.viewBox.baseVal);
        println(svgElement.viewBox.animVal);

        svgElement.setAttribute("viewBox", "1 2 3 4");
        println(svgElement.viewBox.baseVal);
        println(svgElement.viewBox.baseVal.x);
        println(svgElement.viewBox.baseVal.y);
        println(svgElement.viewBox.baseVal.width);
        println(svgElement.viewBox.baseVal.height);
        println(svgElement.viewBox.animVal);
        println(svgElement.viewBox.animVal.x);
        println(svgElement.viewBox.animVal.y);
        println(svgElement.viewBox.animVal.width);
        println(svgElement.viewBox.animVal.height);

        svgElement.setAttribute("viewBox", "5 6 7 8");
        println(svgElement.viewBox.baseVal);
        println(svgElement.viewBox.baseVal.x);
        println(svgElement.viewBox.baseVal.y);
        println(svgElement.viewBox.baseVal.width);
        println(svgElement.viewBox.baseVal.height);
        println(svgElement.viewBox.animVal);
        println(svgElement.viewBox.animVal.x);
        println(svgElement.viewBox.animVal.y);
        println(svgElement.viewBox.animVal.width);
        println(svgElement.viewBox.animVal.height);

        svgElement.removeAttribute("viewBox");
        println(svgElement.viewBox.baseVal);
        println(svgElement.viewBox.animVal);
    });
</script>
